﻿var adindex = 1;

$(function () {
    setTimeout("autoPlayADImg()", 5000);

    $(".adpage span").click(function () {
        adindex = $(this).index();
        var width = $(".adimgbox li:eq(" + adindex + ")").width();
        var offsetX = (adindex * width) * (-1);
        $(".adimgbox ul").animate({ marginLeft: offsetX + "px" });
        $(this).fadeTo("fast", 1.0);
        adindex++;
    });
});

function autoPlayADImg() {
    $(".adpage span").fadeTo("fast", 0.7);
    var width = $(".adimgbox li:eq(" + adindex + ")").width();
    var offsetX = (adindex * width) * (-1);
    $(".adimgbox ul").animate({ marginLeft: offsetX + "px" });
    $(".adpage span:eq(" + adindex + ")").fadeTo("fast", 1.0);
    adindex = (adindex >= $(".adimgbox li").length - 1) ? 0 : ++adindex;
    setTimeout("autoPlayADImg()", 5000);
}